﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/layout.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.4.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.slidepanel.setup.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.cycle.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.cycle.setup.js")" type="text/javascript"></script>
</head>
<body>
    <div class="wrapper col0">
        <div id="topbar">
            <div id="slidepanel">
                <div class="topbox">
                    <h2>
                        Nullamlacus dui ipsum</h2>
                    <p>
                        Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna.
                        Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla
                        et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis
                        malesuada.</p>
                    <p class="readmore">
                        <a href="#">Continue Reading &raquo;</a></p>
                </div>
                <div class="topbox">
                    <h2>
                        Teachers Login Here</h2>
                    <form action="#" method="post">
                    
                    <fieldset>
                        <legend>Teachers Login Form</legend>
                        <label for="teachername">
                            Username:
                            <input type="text" name="teachername" id="teachername" value="" />
                        </label>
                        <label for="teacherpass">
                            Password:
                            <input type="password" name="teacherpass" id="teacherpass" value="" />
                        </label>
                        <label for="teacherremember">
                            <input class="checkbox" type="checkbox" name="teacherremember" id="teacherremember"
                                checked="checked" />
                            Remember me</label>
                        <p>
                            <input type="submit" name="teacherlogin" id="teacherlogin" value="Login" />
                            &nbsp;
                            <input type="reset" name="teacherreset" id="teacherreset" value="Reset" />
                        </p>
                    </fieldset>
                    </form>
                </div>
                <div class="topbox last">
                    <h2>
                        Pupils Login Here</h2>
                    <form action="#" method="post">
                    <fieldset>
                        <legend>Pupils Login Form</legend>
                        <label for="pupilname">
                            Username:
                            <input type="text" name="pupilname" id="pupilname" value="" />
                        </label>
                        <label for="pupilpass">
                            Password:
                            <input type="password" name="pupilpass" id="pupilpass" value="" />
                        </label>
                        <label for="pupilremember">
                            <input class="checkbox" type="checkbox" name="pupilremember" id="pupilremember" checked="checked" />
                            Remember me</label>
                        <p>
                            <input type="submit" name="pupillogin" id="pupillogin" value="Login" />
                            &nbsp;
                            <input type="reset" name="pupilreset" id="pupilreset" value="Reset" />
                        </p>
                    </fieldset>
                    </form>
                </div>
                <br class="clear" />
            </div>
            <div id="loginpanel">
            <li></li>
                <ul>
                    <li class="left">@Html.Partial("_LogOnPartial")</li>
                    
                    @*  <li class="right" id="toggle"><a id="slideit" href="#slidepanel">Administration</a><a id="closeit" style="display: none;" href="#slidepanel">Close Panel</a></li>*@
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col1">
        <div id="header">
            <div id="logo">
                <h1>
                    <a href="#">School Education (UC)</a></h1>
            </div>
            <div id="topnav">
                <ul>
                    <li class="active">@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("First", "Index", "Home")</li>
                    <li>@Html.ActionLink("Second", "Index", "Home")</li>
                    <li>@Html.ActionLink("Third", "Index", "Home")</li>
                    <li class="last">@Html.ActionLink("Last", "Index", "Home")</li>
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col2">
        <div id="featured_slide">
            <div class="featured_box">
                <a href="#">
                    <img src="images/demo/450x300.gif" alt="" /></a>
                <div class="floater">
                    <h2>
                        1. Aliquatjusto quisque nam</h2>
                    <p>
                        Orcimagna rhoncus et a nec antesque sed temportor pellus nibh conseque. Accumstsemper
                        wisi pretium feugiat non ut eleifendrerisque at et condisse sce. Iaculumorci congue
                        nam mollis odio id cras orci vestique euisquet at. Donecconsectetus lacilis ac pellus
                        nam nibh curabitur sed anterdum nectetus adipis. Pretiummagnisse antes nunc pretium
                        convallis tincidunt non at rutrumt.</p>
                    <p class="readmore">
                        <a href="#">Continue Reading &raquo;</a></p>
                </div>
            </div>
            <div class="featured_box">
                <a href="#">
                    <img src="images/demo/450x300.gif" alt="" /></a>
                <div class="floater">
                    <h2>
                        2. Aliquatjusto quisque nam</h2>
                    <p>
                        Duisvest lacus pellus purus temper maurisus et sodalesuada loreet sapiente et. Quissociis
                        magnisl orci dui nulla ut antesque malesuada sed pede et. Idlacus ridiculisi nec
                        cursus enim ac tur urnar nunc pellus pellenterdum. Necelisi aliquat curabiturpiscing
                        semportortor sed et velit convallis quat adipiscing cursus. Rutrumeget id ipsum
                        et sed maurisuspendimentum auctor siti.</p>
                    <p class="readmore">
                        <a href="#">Continue Reading &raquo;</a></p>
                </div>
            </div>
            <div class="featured_box">
                <a href="#">
                    <img src="images/demo/450x300.gif" alt="" /></a>
                <div class="floater">
                    <h2>
                        3. Dapiensociis temper donec</h2>
                    <p>
                        Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc quis justo nam.
                        Lobortororci dapibulum ac intesquet ut id sed intesque nec alique congue. Liberoaenec
                        vest maurisus libero pede nisl ligula cursus vitae dis metus. Aeneanaccumsan orci
                        nasce ac pulvinare enim tor quis antesque cumsan in. Justomontesque sem ac dolor
                        iaculum dolor orci elit lacus et vestibulum.</p>
                    <p class="readmore">
                        <a href="#">Continue Reading &raquo;</a></p>
                </div>
            </div>
            <div class="featured_box">
                <a href="#">
                    <img src="images/demo/450x300.gif" alt="" /></a>
                <div class="floater">
                    <h2>
                        4. Dapiensociis temper donec</h2>
                    <p>
                        Pharetiumurna habitur et enim pellentesque phasellus aliquam nunc quis justo nam.
                        Lobortororci dapibulum ac intesquet ut id sed intesque nec alique congue. Liberoaenec
                        vest maurisus libero pede nisl ligula cursus vitae dis metus. Aeneanaccumsan orci
                        nasce ac pulvinare enim tor quis antesque cumsan in. Justomontesque sem ac dolor
                        iaculum dolor orci elit lacus et vestibulum.</p>
                    <p class="readmore">
                        <a href="#">Continue Reading &raquo;</a></p>
                </div>
            </div>
            <div class="featured_box">
                <a href="#">
                    <img src="images/demo/450x300.gif" alt="" /></a>
                <div class="floater">
                    <h2>
                        5. Nullain convallis ris elis</h2>
                    <p>
                        Nullamcorpervivamus nisl in sed adipit donec feugiat lor vel velit volutpat. Wisihabitur
                        diculisi ac curabitur cursuspendreris sociis sed eger ipsum condisse laculis. Curabiturid
                        non eu curabitae nibh por nullamcorper at nibh elis fring. Vestnibh congue praesenenatis
                        justo et maecenasceleifend senterdum malesuada at dolor amet. Turisristibulum curabitae
                        eros leo at interd.</p>
                    <p class="readmore">
                        <a href="#">Continue Reading &raquo;</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col3">
        <div id="homecontent">
            @RenderBody()
            <div class="fl_left">
                <div class="column2">
                    <ul>
                        <li>
                            <h2>
                                Lipsum</h2>
                            <div class="imgholder">
                                <img src="images/demo/240x130.gif" alt="" /></div>
                            <p>
                                Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a sdapibulum orna.</p>
                            <p>
                                Urnau ltrices quis curabitur pha sellent esque congue magnisve stib ulum quismodo
                                nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
                            <p class="readmore">
                                <a href="#">Continue Reading &raquo;</a></p>
                        </li>
                        <li class="last">
                            <h2>
                                Lipsum</h2>
                            <div class="imgholder">
                                <img src="images/demo/240x130.gif" alt="" /></div>
                            <p>
                                Nullamlacus dui ipsum conseqlo borttis non euisque morbipen a sdapibulum orna.</p>
                            <p>
                                Urnau ltrices quis curabitur pha sellent esque congue magnisve stib ulum quismodo
                                nulla et feugiat. Adipisciniap ellentum leo ut consequam.</p>
                            <p class="readmore">
                                <a href="#">Continue Reading &raquo;</a></p>
                        </li>
                    </ul>
                    <br class="clear" />
                </div>
                <div class="column2">
                    <h2>
                        About This Free CSS Template !</h2>
                    <img class="imgl" src="images/demo/imgl.gif" alt="" />
                    <p>
                        This is a W3C standards compliant free website template from <a href="#">
                            </a>.</p>
                    <p>
                        This template is distributed using a <a href="#template-terms">
                            Website Template Licence</a>, which allows you to use and modify the template
                        for both personal and commercial use when you keep the provided credit links in
                        the footer. For more CSS templates visit <a href="#">Free
                            Website Templates</a>.</p>
                    <p>
                        Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anterdumnullam
                        interdum eros dui urna consequam ac nisl nullam ligula vestassa.</p>
                    <p>
                        Condimentumfelis et amet tellent quisquet a leo lacus nec augue accumsan. Sagittislaorem
                        dolor ipsum at urna et pharetium malesuada nis consectus odio.</p>
                </div>
            </div>
            <div class="fl_right">
                <h2>
                    Latest From The School Blog</h2>
                <ul>
                    <li>
                        <div class="imgholder">
                            <a href="#">
                                <img src="images/demo/80x80.gif" alt="" /></a></div>
                        <p>
                            <strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
                        <p>
                            Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem. Atnatis
                            dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis loreet.</p>
                    </li>
                    <li>
                        <div class="imgholder">
                            <a href="#">
                                <img src="images/demo/80x80.gif" alt="" /></a></div>
                        <p>
                            <strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
                        <p>
                            Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem. Atnatis
                            dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis loreet.</p>
                    </li>
                    <li>
                        <div class="imgholder">
                            <a href="#">
                                <img src="images/demo/80x80.gif" alt="" /></a></div>
                        <p>
                            <strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
                        <p>
                            Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem. Atnatis
                            dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis loreet.</p>
                    </li>
                    <li>
                        <div class="imgholder">
                            <a href="#">
                                <img src="images/demo/80x80.gif" alt="" /></a></div>
                        <p>
                            <strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
                        <p>
                            Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem. Atnatis
                            dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis loreet.</p>
                    </li>
                    <li class="last">
                        <div class="imgholder">
                            <a href="#">
                                <img src="images/demo/80x80.gif" alt="" /></a></div>
                        <p>
                            <strong><a href="#">Atnatis dolor tincidunt nulla</a></strong></p>
                        <p>
                            Feugiatrutrum rhoncus semper enim massa eu intesque ipsum velit orci dolorem. Atnatis
                            dolor tincidunt nulla elit auctortis laculisi elit fauctortor natis loreet.</p>
                    </li>
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col4">
        <div id="footer">
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox last">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col5">
        <div id="copyright">
            <p class="fl_left">
                Copyright &copy; 2011 - All Rights Reserved - <a href="#">Varinder Kumar</a></p>
           
            <br class="clear" />
        </div>
    </div>
</body>
</html>
